<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Test.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	 <link rel="stylesheet" href="css/jqPagination/jqpagination.css" type="text/css"></link>
	 <script type="text/javascript" src="js/lib/JQuery/jquery-1.7.2.min.js"></script>
	 <script type="text/javascript" src="js/lib/JQuery/jquery.jqpagination.min.js"></script>
  </head>
  
  <body>
	<div class="pagination">
		  <br><a href="#" class="first" data-action="first">&laquo;</a>
		  <a href="#" class="previous" data-action="previous">&lsaquo;</a>
		  <input type="text" readonly="readonly" data-max-page="40" />
		  <a href="#" class="next" data-action="next">&rsaquo;</a>
		  <a href="#" class="last" data-action="last">&raquo;</a>
	</div>
  </body>
  <script type="text/javascript">
  	$(document).ready(function(){
  		$('.pagination').jqPagination({
		  link_string : '/?page={page_number}',
		  current_page: 5, //设置当前页 默认为1
		  max_page : 40, //设置最大页 默认为1
		  page_string : '当前第{current_page}页,共{max_page}页',
		  paged : function(page) {
		      	//回发事件。。。
		      	alert(page);
		      }
		});

  		
  	});
  </script>
</html>
